﻿/* File Created: abril 13, 2012 */


function ActivarEditorNuevoPost() {
    $('#MainBlogContainer').hide().find('.botonAccion').remove();
    $('#EditorContenidos').load('/blog/edit/edit.aspx', function (response, status, xhr) { ActivarPanelEdicion(); });
}

function DesactivarEditorPost() {
    
    $('#EditorContenidos').html("");
    if ($('#idEntry').length == 0) {
        $('#MainBlogContainer').show();
        ActivarBotonesAccion();
    }
    else {
        $('.article').show();
        $('#ContenedorGaleria').show();
        $('#CommentsContainer').show();
    }
}

function ActivarPanelEdicion() {
    $.scrollTo('#EditorContenidos', 800);
    $('#EditorBlogContenido, #EditorBlogContenidoExtra').fck({ height: 400 });
    $("#tabs").tabs();
    $('.botonUP').button({
        icons: { primary: "ui-icon-image" }
    });
    $('#botonPost').button({
        icons: { primary: "ui-icon-check" }
    });
    $('#botonCancel').button({
        icons: { primary: "ui-icon-closethick" }
    }).click(function () {
        DesactivarEditorPost();
    });
    $('#botonTwit').button().click(function () {
        var imagenTweet = $('#imgTweet');
        var twitear = $("#twitearPostActual");
        if (twitear.val() == "0") {
            imagenTweet.attr('src', '/css/twitActivo.png');
            twitear.val('1');
            $('#botonTwit').attr('title', 'El post actual sera publicado por medio de twitter');
        }
        else {
            imagenTweet.attr('src', '/css/twitInActivo.png');
            twitear.val('0');
            $('#botonTwit').attr('title', 'El post Actual NO se publicara por medio de twitter');
        }
    });

    $('#TituloPost').example("Coloque un titulo al Post");
    CargadorArchivosJUI('UpFileContenido', '/Handlers/Upload/', 'EditorBlogContenido');
    CargadorArchivosJUI('UpFileExtra', '/Handlers/Upload/', 'EditorBlogContenidoExtra');
    var parametrosGaleria = {
        newGaleria: 'true',
        nombreGaleria: 'probando Galeria',
        descripcionGaleria: 'descripcion de la galeria'
    };


    var anuncioLat = "19.8408754";
    var anuncioLong = "-98.9786092";
    if ($("#MapaLatitud").val() != "0") {
        anuncioLat = $("#MapaLatitud").val();
        anuncioLong = $("#MapaLongitud").val();
    }
    IniciarMapaBlog(anuncioLat,anuncioLong );

    $("#MapaContenedor").height($("#ContenedorGeoTags").height() - 45).width('100%');
    

    $("#BtnGeoLocalizar").button({
        icons: { primary: "ui-icon-arrow-4" }
    }).click(function () {
        GeoLocalizar();
    });

    $("#BtnGeoBusqueda").button({
        icons: { primary: "ui-icon-search" },
        text: false
    }).click(function () { DireccionEnMapa($('#txtGeoBusqueda').val()); });

    if ($("#idGaleriaPostNuevo").val() != "0")
        parametrosGaleria = { idGaleria: $("#idGaleriaPostNuevo").val() };

    var uploaderGaleria = new qq.jQueryUIUploader({
        // pass the dom node (ex. $(selector)[0] for jQuery users)
        element: document.getElementById("UpFileGaleria"),

        // path to server-side upload script
        action: "/Handlers/Upload/",
        params: parametrosGaleria,
        debug: true,
        messages: {
            // error messages, see qq.FileUploaderBasic for content
        },
        onComplete: function (id, fileName, responseJSON) {
            idGaleriaPost = responseJSON.Obj.idCategoria;
            uploaderGaleria.setParams({ idGaleria: idGaleriaPost });
            $('.jq-upload-success').fadeOut(1000);
            $('#idGaleriaPostNuevo').val(idGaleriaPost);

            $('#contenedorThumbsGaleria').append('<div id="' + responseJSON.Obj.id + '" class="contenedorThumb"><div class="thumbDiv"><img src="/150' + responseJSON.Obj.URLImagen + '"/></div></div>');
        },
        showMessage: function (message) { alert(message); }
    });

    //Cargando Galeria Actual
    if ($('#idPostActual').val()!="0" && $('#idGaleriaPostNuevo').val()!="0")
    {
        var urlGaleria = "/handlers/gallery/?idGaleria=" + $('#idGaleriaPostNuevo').val();
        $.ajax({
            type: "GET",
            url: urlGaleria,
            dataType: "xml",
            success: function (xml) {
                $(xml).find('Image').each(function () {
                    var imagenActual = $(this);
                    $('#contenedorThumbsGaleria').append('<div id="' + imagenActual.attr('id') + '" class="contenedorThumb"><div class="thumbDiv"><img src="/150' + imagenActual.attr('URLImagen') + '"/></div></div>');
                });
            }
        });
    }

    $("option").addClass("selected");
    $("#listaTags").fcbkcomplete({
        json_url: "/blog/Json/Tags",
        addontab: true,
        newel: true,
        complete_text: "Escribe los Tags.",
        height: 5,
        cache: true,
        filter_selected: true,
        maxshownitems: 10,
        maxitems: 1000
    });
    $("#listaCats").fcbkcomplete({
        json_url: "/blog/Json/Categorias",
        cache: true,
        addontab: true,
        newel: true,
        maxshownitems: 10,
        firstselected: true,
        filter_selected: true,
        maxitems: 1000,
        complete_text: "Escribe las Categorias.",
        height: 5

    });
    $(".holder").css("width", "");

    var urlActionPost = "/Blog/Edit/edit.aspx?guardar=true";
    //    if ($('#idEntry').length != 0)
    //        urlActionPost = "/Blog/Edit/edit.aspx?idPost=" + $('#idEntry').val();
    var options = {
        dataType: 'xml',
        target: '#ajaxContentLoader',
        //            beforeSubmit: showRequestCliente,  // pre-submit callback 
        success: function () {
            alert("Edicion terminada!!!\nRefresque la pagina para observar los cambios");
            //location.reload();
        },  // post-submit callback 
        //            error: ShowError

        url: urlActionPost
    };
    //        $('#FormContenido').validate({
    //            invalidHandler: AlertaDatosObligatorios
    //        });
    $('#FormularioEdicionBlog').validate();
    $('#FormularioEdicionBlog').ajaxForm(options);
    $("#botonPost").click(function () { $('#FormularioEdicionBlog').submit(); });
    $("#tabs").bind("tabsshow", function (event, ui) {
        if (ui.index==3) {
            var currCenter = map.getCenter();
            google.maps.event.trigger(map, 'resize');
            map.setCenter(currCenter);
        }
    });
}

function ActivarEditorPost() {
    $('.article').hide();
    $('#ContenedorGaleria').hide();
    $('#CommentsContainer').hide();
    $('#EditorContenidos').load('/blog/edit/edit.aspx?idPost=' + $('#idEntry').val(), function (response, status, xhr) {
        ActivarPanelEdicion();
    });
}

function ActivarBotonesAccion() {
    $('#MainBlogContainer').prepend("<div class='botonAccion'>Generar nueva Entrada</div>");
    $('#MainBlogContainer').append("<div class='botonAccion'>Generar nueva Entrada</div>");
    $('.botonAccion').button({
        icons: { primary: "ui-icon-plusthick" }
    }).click(
        ActivarEditorNuevoPost);
}

function ActivarEditorAccion() {
    $('.article')
        .css('cursor', 'pointer')
        .attr('title', 'Haga doble click para activar el panel de edicion')
        .dblclick(ActivarEditorPost);
}


$().ready(function () {
    if ($('#idEntry').length == 0) {
        ActivarBotonesAccion();
    }
    else {
        ActivarEditorAccion();
    }
});